<template>
  <div class="video-list">
    <AppVideoItem v-for="item in vedioList" :key="item.id" :video="item" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { getVideoRequest } from '@/network/home';
import AppVideoItem from '@/components/AppVideoItem.vue';
import { InterfaceVideoList } from './home';

const vedioList = ref<InterfaceVideoList[]>([])
const getVideoList = () => {
  getVideoRequest().then((res: any) => vedioList.value = res.result
  )
}

getVideoList()
</script>

<style scoped lang="less">
.video-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1vw;
}
</style>
